<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>ReadAir</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		
		<link rel="stylesheet" href="assets/css/grair.css" type="text/css" />
		<link rel="stylesheet" href="assets/css/item.css" type="text/css" />
		
		<link id="theme" rel="stylesheet" href="" type="text/css" />

		<script src="assets/js/air/AIR.aliases.js" type="text/javascript"></script>
		<script src="assets/js/air/AIR.introspective.js" type="text/javascript"></script>
		
		<script src="assets/js/jquery/jquery.js" type="text/javascript"></script>
		<script src="assets/js/jquery/jquery.dimensions.js" type="text/javascript"></script>
		<script src="assets/js/jquery/jquery.mousewheel.js" type="text/javascript"></script>
				
		<script src="assets/js/jquery/ui.mouse.js" type="text/javascript"></script>
		<script src="assets/js/jquery/ui.resizable.js" type="text/javascript"></script>

		<script src="assets/js/jquery/jScrollPane.js" type="text/javascript"></script>
		
		<script src="assets/js/lib/LIB.lang.js" type="text/javascript"></script>
		<script src="assets/js/lib/LIB.string.js" type="text/javascript"></script>
		<script src="assets/js/lib/LIB.date.js" type="text/javascript"></script>
		<script src="assets/js/lib/LIB.dom.js" type="text/javascript"></script>
		<script src="assets/js/lib/LIB.fields.js" type="text/javascript"></script>
		<script src="assets/js/lib/LIB.favicon.js" type="text/javascript"></script>
		<script src="assets/js/lib/LIB.ajax.js" type="text/javascript"></script>
		<script src="assets/js/lib/LIB.httpr.js" type="text/javascript"></script>
		<script src="assets/js/lib/LIB.xslt.js" type="text/javascript"></script>
		<script src="assets/js/lib/LIB.json.js" type="text/javascript"></script>
				
		<script src="assets/js/gra/GRA.cons.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.update.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.versions.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.versionitem.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.appdescriptor.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.encryptedstore.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.dialogue.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.token.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.taglist.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.tag.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.feedlist.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.feeditem.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.feeditemtag.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.unreadcount.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.unreadcountitem.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.tagstatus.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.tagstatusitem.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.atom.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.atomentry.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.searchresults.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.menu.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.menuitem.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.nativemenu.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.nativemenuitem.js" type="text/javascript"></script>
		<script src="assets/js/gra/GRA.dockicon.js" type="text/javascript"></script>
		
		<script src="assets/js/readAir.js" type="text/javascript"></script>
		<script src="assets/js/layout.js" type="text/javascript"></script>
		
		<script type="text/javascript">
			$(document).ready(Application.init);
		</script>
	</head>
	<body>
	
		<!-- MENU BAR -->
		<div id="menubar">
			<ul>
				<li id="refresh" title="Refresh All">Refresh</li>
				<li id="prev" title="Previous Item &ndash; K">Prev</li>
				<li id="next" title="Previous Item &ndash; J">Next</li>
				<li id="mark" title="Mark All Items As Read">Mark All As Read</li>
				<li id="search">
					Search
					<form id="search-form">
						<input type="text" name="q" />
					</form>
				</li>
			</ul>
		</div>
		
		<!-- APP -->
		<div id="wrap-outer"><div id="wrap">
				
				<!-- FEEDS -->
				<div id="feeds-outer"><div id="feeds">
					<div id="feeds-inner"><div id="feeds-scroll-wrap">					
						<!-- LABELS -->
						<h2>
							Labels
						</h2>
						<ul>
							<li>
								<div id="reading-list" href="user/-/state/com.google/reading-list">
									<img class="favicon" width="16" height="16" />
									All Items
									<span></span>
								</div>
							</li>
							<li>
								<div id="starred-items">
									<img class="favicon" width="16" height="16" />
									Starred Items
								</div>
							</li>
							<li>
								<div id="shared-items">
									<img class="favicon" width="16" height="16" />
									Your Shared Items
									<span></span>
								</div>
							</li>
						</ul>
						<!-- TAGS -->
						<h2>Tags</h2>
						<div id="tag-list">
							<!-- UL TAGLIST GOES HERE -->
						</div>
					</div></div>
					<!-- FEEDS BAR -->
					<div id="feeds-bar" class="bar">
						<a href="#" id="add">Add</a>
						<a href="#" id="subtract">Subtract</a>
						<a href="#" id="resize">Resize</a>
					</div>
				</div></div>
				
				<!-- MAIN -->
				<div id="main-outer"><div id="main">
					
					<!-- ITEMS -->
					<div id="items-outer"><div id="items"><div id="items-inner">
						<div id="items-table-head">
							<ul>
								<li id="hread">r</li>
								<li id="hstarred">s</li>
								<li id="htitle">Title</li>
								<li id="hsource">Source</li>
								<li id="hdate">Date</li>
							</ul>
						</div>
						<div id="items-table-outer"><div id="items-table"><div id="items-scroll-wrap">
							<table id="items-table-inner">
								<colgroup>
									<col id="gread" />
									<col id="gstarred" />
									<col id="gtitle" />
									<col id="gsource" />
									<col id="gdate" />
								</colgroup>
								<tbody id="atom-table">
									<!-- ITEM's GO HERE -->
								</tbody>
							</table>
						</div></div></div>
					</div></div></div>
					
					<!-- ITEM -->
					<div id="item-outer"><div id="item"><div id="item-inner">
						<div id="item-inner-iframe"></div>
					</div></div></div>
					
					<!-- STATUS BAR -->
					<div id="status-bar" class="bar">
						<div></div>
					</div>	
				</div></div>
		</div></div>
		
	</body>
	
</html>
